<template>
  <div class="home-industry new-shoping">
    <!-- 顶部 -->
    <!-- <van-nav-bar title="行业筛选" left-arrow @click-left="$router.push('/layout')">
    </van-nav-bar> -->
    <my-header title="行业筛选" @onClickLeft="$router.push('/search')"/>
    <!-- / 顶部 -->

    <!-- 搜索 -->
    <van-search class="new-shoping" v-model="value" placeholder="搜索行业" input-align="center" shape="round">
    </van-search>
    <!-- / 搜索 -->

    <!-- 侧边导航 -->
    <div class="Navigation">
      <p>农林牧渔</p>
      <p>制造业</p>
      <p>住宿和餐饮业</p>
      <p>金融业</p>
    </div>
    <!-- / 侧边导航 -->

    <!-- 展示 -->
    <div class="Exhibition">
      <div>
        <p></p>
        <span>农业</span>
      </div>

      <div>
        <p></p>
        <span>林业</span>
      </div>

      <div>
        <p></p>
        <span>畜牧业</span>
      </div>
    </div>
    <!-- / 展示 -->
  </div>
</template>

<script>
import MyHeader from '../my/components/my-header.vue'
export default {
  name: 'homeIndustry',
  components: {
    MyHeader
  },
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {
    // goBack () {
    //   this.$router.back() // 返回上一层
    // }
  }
}
</script>

<style lang="less">
.home-industry {
  .Navigation { // 侧边导航
    float: left;
    width: 150px;
    height: 1160px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ccc;
    p:nth-child(1) {
      background-color: #E6E0FF;
    }
    p {
      padding: 0;
      margin: 0;
      width: 150px;
      height: 56px;
      line-height: 56px;
    }
  }
  .Exhibition { // 展示
    font-size: 14px;
    text-align: center;
    width: 580px;
    height: 1160px;
    margin-left: 160px;
    div {
      float: left;
      margin-left: 20px;
      p {
        width: 168px;
        height: 138px;
      }
    }
    div:nth-child(1) p {
        background: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fphotoblog%2F1208%2F09%2Fc0%2F12786561_12786561_1344480945703.jpg&refer=http%3A%2F%2Fimg.pconline.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1618041574&t=214ff71158c8460ab10f32ee69649d84')
        no-repeat center ;
      }
    div:nth-child(2) p {
        background: url('https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1429683019,418992348&fm=26&gp=0.jpg')
        no-repeat center ;
      }
    div:nth-child(3) p {
        background: url('https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3753370191,656126678&fm=26&gp=0.jpg')
        no-repeat center ;
      }
  }
}
</style>
